var bar = {
    $rightBannerBar: $('#rightBannerBar'),
    getRBT: $('#rightBannerBar').offset().top,
    $modelShow: $('#modelShow'),
    $infoShow: $('#infoShow'),
    $productShow: $('#productShow'),
    $featherShow: $('#featherShow'),
    getmodelShow: $('#modelShow').offset().top,
    getinfoShow: $('#infoShow').offset().top,
    getproductShow: $('#productShow').offset().top,
    getfeatherShow: $('#featherShow').offset().top,
    window_scroll: '0',
    checkrightBannerBar: function (x) {
        var _this = this;
        if (x >= _this.getRBT) {
            _this.$rightBannerBar.animate({ 'top': (x - _this.getRBT) }, { queue: false, duration: 300 });
        } else if (x <= 300) {
            _this.$rightBannerBar.css('top', '0');
        }
        if (x >= _this.getmodelShow && x < _this.getinfoShow) {
            $('#rightBannerBar li').eq(0).addClass('active').siblings('li').removeClass('active');
        } else if (x >= _this.getinfoShow && x < _this.getproductShow) {
            $('#rightBannerBar li').eq(1).addClass('active').siblings('li').removeClass('active');
        } else if (x >= _this.getproductShow && x < _this.getfeatherShow) {
            $('#rightBannerBar li').eq(2).addClass('active').siblings('li').removeClass('active');
        } else if (x >= _this.getfeatherShow) {
            $('#rightBannerBar li').eq(3).addClass('active').siblings('li').removeClass('active');
        }
    },
    liClick: function (index) {
        var _this = this;
        if (index == 0) {
            $('body,html').animate({ 'scrollTop': _this.getmodelShow }, { queue: false, duration: 300 });
        } else if (index == 1) {
            $('body,html').animate({ 'scrollTop': _this.getinfoShow }, { queue: false, duration: 300 });
        } else if (index == 2) {
            $('body,html').animate({ 'scrollTop': _this.getproductShow }, { queue: false, duration: 300 });
        } else {
            $('body,html').animate({ 'scrollTop': _this.getfeatherShow }, { queue: false, duration: 300 });
        }
    }
}
$(window).on('scroll', function () {
    bar.checkrightBannerBar($(this).scrollTop());
});
$('#rightBannerBar li').each(function () {
    var $this = $(this);
    var index = $this.index();
    $this.on('click', function () {
        bar.liClick(index);
    });
});